	@charset "utf-8";
	* {
		margin: 0;
		padding: 0;
		background: url(../img/bg.gif);
	}
	
	.wrap {
		margin: 0 auto;
		position: relative;
		width: 478px;
		height: 655px;
	}
	
	.shadow {
		box-shadow: 4px 7px 25px 10px rgba(43, 36, 0, 0.36);
	}
	
	.content {
		position: absolute;
		width: 329px;
		height: 602px;
		bottom: 5px;
		right: 0px;
		opacity: 0.4;
		background: url(../img/FgFnjks.png) no-repeat -363px -903px;
		z-index: 1;
	}
	
	.box1 {
		position: absolute;
		width: 96px;
		height: 96px;
		bottom: 130px;
		left: 103px;
		border-radius: 48px;
	}
	
	.box2 {
		position: absolute;
		width: 135px;
		height: 134px;
		bottom: 111px;
		left: 83px;
		animation: rotate-back 10s linear infinite;
		background: url(../img/FgFnjks.png) no-repeat 0 0;
	}
	
	.box3 {
		position: absolute;
		width: 10px;
		height: 80px;
		bottom: 0px;
		left: 12px;
		animation: up 10s linear infinite alternate;
	}
	
	.box4 {
		position: absolute;
		width: 146px;
		height: 147px;
		top: 102px;
		left: 17px;
		animation: rotate 10s linear infinite alternate;
		background: url(../img/FgFnjks.png) no-repeat -371px -706px;
	}
	
	.box5 {
		width: 146px;
		height: 147px;
		position: absolute;
		left: 17px;
		top: 102px;
		animation: rotate 10s linear infinite alternate;
		background: url(../img/FgFnjks.png) no-repeat -371px -706px;
	}
	
	.box6 {
		position: absolute;
		width: 1px;
		height: 380px;
		border-left: 2px dotted #C8D94A;
		left: 17px;
		top: 175px;
		opacity: 0.7;
		animation: collapse 10s linear infinite alternate;
	}
	
	.box7 {
		position: absolute;
		width: 34px;
		height: 92px;
		bottom: 0;
		left: 1px;
		animation: up 10s linear infinite alternate;
		background: url(../img/FgFnjks.png) no-repeat -371px -564px;
	}
	
	.gear1 {
		position: absolute;
		width: 306px;
		height: 306px;
		top: 186px;
		left: 52px;
		border-radius: 153px;
	}
	
	.gear2 {
		position: absolute;
		width: 321px;
		height: 321px;
		top: 179px;
		left: 45px;
		animation: rotate-back 24s linear infinite;
		background: url(../img/FgFnjks.png) no-repeat 0 -993px;
	}
	
	.gear3 {
		position: absolute;
		width: 70px;
		height: 70px;
		top: 304px;
		left: 171px;
		border-radius: 35px;
	}
	
	.gear4 {
		position: absolute;
		width: 87px;
		height: 87px;
		top: 296px;
		left: 162px;
		background: url(../img/FgFnjks.png) no-repeat 0 -856px;
	}
	
	.gear5 {
		position: absolute;
		width: 36px;
		height: 36px;
		border-radius: 18px;
		top: 322px;
		left: 187px;
	}
	
	.gear6 {
		position: absolute;
		width: 62px;
		height: 62px;
		top: 309px;
		left: 174px;
		animation: rotate 8s linear infinite;
		background: url(../img/FgFnjks.png) no-repeat 0 -744px;
	}
	
	.gear7 {
		width: 86px;
		height: 86px;
		border-radius: 43px;
		position: absolute;
		left: 193px;
		top: 18px;
	}
	
	.gear8 {
		background: url(../img/FgFnjks.png) no-repeat 0 -184px;
		width: 122px;
		height: 122px;
		position: absolute;
		left: 175px;
		top: 0;
		animation: rotate-back 8s linear infinite;
	}
	
	.gear9 {
		width: 60px;
		height: 60px;
		border-radius: 30px;
		position: absolute;
		left: 206px;
		top: 31px;
	}
	
	.gear10 {
		background: url(../img/FgFnjks.png) no-repeat 0 -1493px;
		width: 85px;
		height: 84px;
		position: absolute;
		left: 194px;
		top: 19px;
		animation: rotate 10s linear infinite;
	}
	
	.gear11 {
		background: url(../img/FgFnjks.png) no-repeat -371px -280px;
		width: 234px;
		height: 234px;
		position: absolute;
		left: 197px;
		top: 96px;
		animation: rotate 12s linear infinite;
	}
	
	.gear12 {
		background: url(../img/FgFnjks.png) no-repeat -371px 0;
		width: 108px;
		height: 108px;
		position: absolute;
		left: 260px;
		top: 159px;
		animation: rotate-back 10s linear infinite;
	}
	
	.gear13 {
		background: url(../img/FgFnjks.png) no-repeat 0 -1931px;
		width: 134px;
		height: 134px;
		position: absolute;
		left: 305px;
		bottom: 212px;
		animation: rotate-back 10s linear infinite;
	}
	
	.gear14 {
		background: url(../img/FgFnjks.png) no-repeat 0 -1627px;
		width: 69px;
		height: 69px;
		position: absolute;
		left: 337px;
		bottom: 245px;
		animation: rotate-back 10s linear infinite;
	}
	
	.gear15 {
		background: url(../img/FgFnjks.png) no-repeat 0 -530px;
		width: 164px;
		height: 164px;
		position: absolute;
		left: 208px;
		bottom: 85px;
		animation: rotate 8s linear infinite;
	}
	
	.gear16 {
		background: url(../img/FgFnjks.png) no-repeat 0 -356px;
		width: 125px;
		height: 124px;
		position: absolute;
		left: 228px;
		bottom: 105px;
		animation: rotate-back 10s linear infinite;
	}
	
	.gear17 {
		background: url(../img/FgFnjks.png) no-repeat -371px -158px;
		width: 72px;
		height: 72px;
		position: absolute;
		left: 254px;
		bottom: 131px;
		animation: rotate 6s linear infinite;
	}
	
	.gear18 {
		background: url(../img/FgFnjks.png) no-repeat 0 -1747px;
		width: 134px;
		height: 133px;
		position: absolute;
		left: 17px;
		top: 102px;
		animation: rotate 10s linear infinite alternate;
	}
	
	@keyframes rotate-back {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(-360deg);
		}
	}
	
	@keyframes rotate {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}
	
	@keyframes collapse {
		0% {
			height: 387px;
		}
		100% {
			height: 48px;
		}
	}
	
	@keyframes up {
		0% {
			bottom: 0px;
		}
		100% {
			bottom: 340px;
		}
	}